<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<?php
include('../src/inst.conf.php');
?>
<style>
.Gedrag_Cirkel{
	position: absolute;
	background-image: url('./gedragcirkel.png');
	background-repeat: no-repeat;
	height: 610px;
	width: 610px;
	overflow: hidden;
	
}
.Werk_01{
	position: relative;
	left: 240px;
	top: 40px;
}
.Werk_02{
	position: relative;
	left: 180px;
	top: 50px;
}
.Werk_03{
	position: relative;
	left: 120px;
	top: 60px;
}
.Werk_04{
	position: relative;
	left: 400px;
	top: 60px;
}
.Werk_05{
	position: relative;
	left: 430px;
	top: 100px;
}
.Werk_06{
	position: relative;
	left: 250px;
	top: 20px;
}
.Werk_07{
	position: relative;
	left: 80px;
	top: 60px;
}
.Werk_08{
	position: relative;
	left: 380px;
	top: -60px;
}
.Werk_09{
	position: relative;
	left: 76px;
	top: -20px;
}
.Werk_10{
	position: relative;
	left: 440px;
	top: -25px;
}
.Kinderen_01{
	position: relative;
	left: 480px;
	top: 100px;
}
.Kinderen_02{
	position: relative;
	left: 320px;
	top: 350px;
}
.Kinderen_03{
	position: relative;
	left: 470px;
	top: 130px;
}
.Kinderen_04{
	position: relative;
	left: 430px;
	top: 250px;
}
.Kinderen_05{
	position: relative;
	left: 420px;
	top: 150px;
}
.Kinderen_06{
	position: relative;
	left: 350px;
	top: 250px;
}
.Kinderen_07{
	position: relative;
	left: 430px;
	top: 150px;
}
.Kinderen_08{
	position: relative;
	left: 510px;
	top: -70px;
}
.Kinderen_09{
	position: relative;
	left: 465px;
	top: -10px;
}
.Kinderen_10{
	position: relative;
	left: 350px;
	top: 120px;
}
.Volwassenen_01{
	position: relative;
	left: 20px;
	top: -120px;
}
.Volwassenen_02{
	position: relative;
	left: 200px;
	top: 160px;
}
.Volwassenen_03{
	position: relative;
	left: 60px;
	top: 0px;
}
.Volwassenen_04{
	position: relative;
	left: 40px;
	top: -90px;
}
.Volwassenen_05{
	position: relative;
	left: 170px;
	top: 50px;
}
.Volwassenen_06{
	position: relative;
	left: 120px;
	top: 0px;
}
.Volwassenen_07{
	position: relative;
	left: 50px;
	top: -180px;
}
.Volwassenen_08{
	position: relative;
	left: 50px;
	top: -130px;
}
.Volwassenen_09{
	position: relative;
	left: 90px;
	top: -80px;
}
.Volwassenen_10{
	position: relative;
	left: 170px;
	top: -10px;
}
.Ik_01{
	position: relative;
	left: 280px;
	top: -360px;
}
.Ik_02{
	position: relative;
	left: 280px;
	top: -180px;
}
.Ik_03{
	position: relative;
	left: 200px;
	top: -360px;
}
.Ik_04{
	position: relative;
	left: 320px;
	top: -300px;
}
.Ik_05{
	position: relative;
	left: 280px;
	top: -380px;
}
.Ik_06{
	position: relative;
	left: 210px;
	top: -360px;
}
.Ik_07{
	position: relative;
	left: 330px;
	top: -330px;
}
.Ik_08{
	position: relative;
	left: 180px;
	top: -360px;
}
.Ik_09{
	position: relative;
	left: 340px;
	top: -340px;
}
.Ik_10{
	position: relative;
	left: 220px;
	top: -360px;
}

</style>

<BR>
<BR><BR><BR><BR><BR>
<div class="Gedrag_Cirkel">
<? 
foreach ($cfg['general']['eigenschappen'] as $key => $value) {
	$key = $key+1;
	if($key < 10){
		echo "<div class=\"Werk_0".$key."\">".$value."</div>\n";
	}else if($key == 10){
		echo "<div class=\"Werk_".$key."\">".$value."</div>\n";
	}else if($key >10 && $key <20){
		$key = $key - 10;
		echo "<div class=\"Kinderen_0".$key."\">".$value."</div>\n";
	}else if($key == 20){
		$key = $key - 10;
		echo "<div class=\"Kinderen_".$key."\">".$value."</div>\n";
	}
}
foreach ($cfg['general']['eigenschappen'] as $key => $value) {
	$key = $key+1;
	if($key < 10){
		echo "<div class=\"Volwassenen_0".$key."\">".$value."</div>\n";
	}else if($key == 10){
		echo "<div class=\"Volwassenen_".$key."\">".$value."</div>\n";
	}else if($key >10 && $key <20){
		$key = $key - 10;
		echo "<div class=\"Ik_0".$key."\">".$value."</div>\n";
	}else if($key == 20){
		$key = $key - 10;
		echo "<div class=\"Ik_".$key."\">".$value."</div>\n";
	}
}
 ?>

</div>